import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import test01 from '../components/test01'
import vhtml01 from '../components/vhtml01'
import  vbind01 from '../components/vbind01'
import biaoDaShi from "../components/biaoDaShi";
import vIf from "../components/vIf";
import vbindhref from "../components/vbindhref"
import vmodel from "../components/vmodel"
import vonclick from "../components/vonclick"
import biaoDaShiGuoLvQi from "../components/biaoDaShiGuoLvQi"
import  vifelse from "../components/vifelse"
import velseif from "../components/velseif"
import vshow from "../components/vshow"

import vfor from "../components/vfor"
import vfortemplate from "../components/vfortemplate"

import jiSuanShuXing from "../components/jiSuanShuXing"
import computedSetter from "../components/computedSetter"
import watch from "../components/watch"
import watch1 from "../components/watch1"
import watch11 from "../components/watch11"
import watch12 from "../components/watch12"
Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/test01',
      name: 'test01',
      component: test01
    }
    ,
    {
      path: '/vhtml01',
      name: 'vhtml01',
      component: vhtml01
    }
    ,
    {
      path: '/vbind01',
      name: 'vbind01',
      component: vbind01
    }
    ,
    {
      path: '/biaoDaShi',
      name: 'biaoDaShi',
      component: biaoDaShi
    }
    ,
    {
      path: '/vIf',
      name: 'vIf',
      component: vIf
    }
    ,
    {
      path: '/vbindhref',
      name: 'vbindhref',
      component: vbindhref
    }
    ,
    {
      path: '/vmodel',
      name: 'vmodel',
      component: vmodel
    }
    ,
    {
      path: '/vonclick',
      name: 'vonclick',
      component: vonclick
    }
    ,
    {
      path: '/biaoDaShiGuoLvQi',
      name: 'biaoDaShiGuoLvQi',
      component: biaoDaShiGuoLvQi
    },
    {
      path:"/vifelse",
      name:"vifelse",
      component:vifelse
    }
    ,
    {
      path:"/velseif",
      name:"velseif",
      component:velseif
    }
    ,
    {
      path:"/vshow",
      name:"vshow",
      component:vshow
    },
    {
      path:"/vfor",
      name:"vfor",
      component:vfor
    },
    {
      path:"/vfortemplate",
      name:"vfortemplate",
      component:vfortemplate
    },{
      path:"/jiSuanShuXing"
      ,name:"jiSuanShuXing",
      component:jiSuanShuXing
    },{
      path:"/computedSetter",
      name:"computedSetter",
      component: computedSetter
    },{
      path:"/watch",
      name:"watch",
      component: watch
    },{
      path:"/watch1",
      name:"watch1",
      component: watch1,
      children:[{
        path:"/watch11",
        name:"watch11",
        component: watch11
      },{
        path:"/watch12",
        name:"watch12",
        component: watch12
      }]
    }
  ]
})
